<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Fetch API</title>
	</head>
	<body>
		<!--
			请求分为 3 种类型：
			1. 同源请求。
			2. 跨源请求。
			3.从 HTTPS 到 HTTP 的请求 (从安全协议到不安全协议)。
		-->

		<!-- 我们可以使用 Fetch API 来实现在使用 Fetch 发送请求时，可以控制：是否允许跨域请求、是否允许携带cookie、是否允许进行响应缓存、... 等等。-->

		<!--
			Fetch API
			- keepalive：
			- keepalive 选项表示该请求可能会在网页关闭后继续存在。
			- 例如，我们收集有关当前访问者是如何使用我们的页面（鼠标点击，他查看的页面片段）的统计信息，以分析和改善用户体验。
			- 当访问者离开我们的网页时 —— 我们希望能够将数据保存到我们的服务器上。

			- 示例：
				window.onunload = function() {
					fetch('/analytics', {
						method: 'POST',
						body: "statistics",
						keepalive: true
					});
				};

				通常，当一个文档被卸载时（unloaded），所有相关的网络请求都会被中止。但是，keepalive 选项告诉浏览器，即使在离开页面后，也要在后台执行请求。
		 -->
	</body>
</html>
